<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/about.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="logo">
                <a href="/"><img src="img/header_logo.png" alt=""></a>
            </div>
            <div class="header-login"><a href="login.html">登录</a></div>
            <div class="nav">
                <ul>
                    <li><a href="">全系产品</a></li>
                    <li><a href="friend.html">技术伙伴</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="">售后服务</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="banner">
        <div class="banner-pic">
            <img src="img/about/banner_pic.png" alt="">
        </div>
        <div class="banner-title">轻轻的享受音乐</div>
        <div class="banner-content">Enjoy the music gently</div>
    </div>

    <div class="about-me container">
        <div class="about-me-pic">
            <img src="img/about/about_as.png" alt="">
        </div>
        <div class="about-me-wrap">
            <div class="about-title"><span>ABOUT ME</span>关于我们</div>
            <div class="about-me-content">
                <p>我们是一群热爱音乐的人，我们也热爱这个世界；</p>
                <p>我们想追求一种价格与价值的平衡；</p>
                <p>在这个鱼龙混杂的行业，千篇一律的皮囊；</p>
                <p>我们想做一些事情，来引领国产无线耳机行业；</p>
                <p>我们做的这些，只为你能够[轻轻地享受音乐]；</p>
                <p>我们更想，为中国制造走向中国创造，做一点点事情；</p>
            </div>
        </div>
    </div>

    <div class="wecan container">
        <div class="wecan-title">现在我们做到的</div>
        <div class="wecan-content">NOW WE CAN DO IT</div>
        <div class="wecan-wrap">
            <div class="wecan-item">
                <img src="img/about/about_icon1.png" alt="">
            </div>
            <div class="wecan-item">
                <img src="img/about/about_icon2.png" alt="">
            </div>
            <div class="wecan-item">
                <img src="img/about/about_icon3.png" alt="">
            </div>
            <div class="wecan-item">
                <img src="img/about/about_icon4.png" alt="">
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-content-item">
                    <div class="footer-item-title">订单服务</div>
                    <ul>
                        <li><a href="">购买指南</a></li>
                        <li><a href="">送货政策</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">服务支持</div>
                    <ul>
                        <li><a href="">意外险</a></li>
                        <li><a href="">售后服务</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">关注我们</div>
                    <ul>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">官方微信</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">代理合作</div>
                    <ul>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">团购活动</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-logo">
                <img src="img/footer_logo.png">
            </div>
        </div>
    </div>
</body>

</html>